<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.mine.css">
    <title>我的携程2021/7/14</title>
</head>

<body>
    <!-- 搜索栏 -->
    <div class="search-index">
        <div class="search">
            <span>hello world</span>
        </div>
        <a href="#" class="user">我 的</a>
    </div>

    <!-- 轮播图栏 -->
    <div class="banner">
        <img src="./upload/focus.jpg" alt="轮播图">

    </div>


    <!-- local-nav导航栏 -->
    <div class="local-nav">
        <div>
            <span class="pic1"></span>
            <span>景点.玩乐</span>
        </div>
        <div>
            <span class="pic2"></span>
            <span>景点.玩乐</span>
        </div>
        <div>
            <span class="pic3"></span>
            <span>景点.玩乐</span>
        </div>
        <div>
            <span class="pic4"></span>
            <span>景点.玩乐</span>
        </div>
        <div>
            <span class="pic5"></span>
            <span>景点.玩乐</span>
        </div>
    </div>


    <!--     
    <div class="outer">
        <div>海外酒店</div>
        <div>海外酒店</div>
        <div>海外酒店</div>
    </div> -->


    <!-- hotel模块 -->
    <div class="hotel">
        <div class="common">
            <div class="in">
                <a href="#">念念不忘</a>
            </div>
            <div>
                <div>念念不忘</div>
                <div>念念不忘</div>
            </div>
            <div>
                <div>念念不忘</div>
                <div>念念不忘</div>
            </div>
        </div>
        <div class="common">
            <div class="in">
                <a href="#">念念不忘</a>
            </div>
            <div>
                <div>念念不忘</div>
                <div>念念不忘</div>
            </div>
            <div>
                <div>念念不忘</div>
                <div>念念不忘</div>
            </div>
        </div>
        <div class="common">
            <div class="in">
                <a href="#">念念不忘</a>
            </div>
            <div>
                <div>念念不忘</div>
                <div>念念不忘</div>
            </div>
            <div>
                <div>念念不忘</div>
                <div>念念不忘</div>
            </div>
        </div>
   </div>



    
        <!-- wifi模块 -->
      
        <ul class="wifi">
            <li><a href="#">电话费</a></li>
            <li><a href="#">电话费</a></li>
            <li><a href="#">电话费</a></li>
            <li><a href="#">电话费</a></li>
            <li><a href="#">电话费</a></li>
            <li><a href="#">电话费</a></li>
            <li><a href="#">电话费</a></li>
            <li><a href="#">电话费</a></li>
            <li><a href="#">电话费</a></li>
            <li><a href="#">电话费</a></li>
        </ul>        


     <!--底部广告模块  -->
     <div class="bottom">
        <div class="simple">
            <a href="#"><img src="./upload/pic1.jpg" alt=""></a>
            <a href="#"><img src="./upload/pic2.jpg" alt=""></a>
        </div>
        <div class="simple">
            <a href="#"><img src="./upload/pic3.jpg" alt=""></a>
            <a href="#"><img src="./upload/pic4.jpg" alt=""></a>
        </div>
        <div class="simple">
            <a href="#"><img src="./upload/pic5.jpg" alt=""></a>
            <a href="#"><img src="./upload/pic6.jpg" alt=""></a>
        </div>
     </div>


<!-- 到最后竟庆幸于夕阳仍留在身上 -->
</body>

</html>